@charset "utf-8";
/*public*/
body{ width: 100%; height: auto; margin: 0px; padding: 0px; font-family: "微软雅黑"; font-size: 16px; background-color: #ffffff; -webkit-animation: body 0.5s ease-out backwards; animation: body 0.5s ease-out backwards;}
html{ width: 100%; height: auto; box-sizing: border-box;}
h1,h2,h3,ul,li,dl,dt,p,b,i{ margin: 0; padding: 0; font-weight: normal; list-style: none;}
img{ border: 0; outline: none;}
a:link,a:visited{text-decoration:none}

/*导航*/
#nav{ width: 1200px;  height: 75px; position: relative;margin: 0 auto;}
.navLine1{ width: 100%; height: 5px; background-color: #8cbb1b; margin: 0 auto; overflow: hidden;}
.navLine2{ width: 100%; height: 7px; box-shadow: 0px 2px 2px rgba(0,0,0,0.1); background-color: rgba(255,255,255,0.5); margin: 0 auto; overflow: hidden;}
.navHz1{ width: 100%; height: auto; min-height: 65px; position: relative; background-color: #f1f1f1; margin: 0 auto;}
.navHz1I1{ width: 252px; height: 65px; position: absolute; z-index: 200; top: 0; left: 50%; margin-left: -600px; overflow: hidden; display: block;}
.navHz1I1Img1{ width: 98px; height: auto; float: left; margin: 19px 0 0 0px;}
.navHz1I1Img2{ width: 97px; height: auto; float: left; margin: 14px 0 0 16px;}
.navHz1Link1{ width: auto; height: 65px; line-height: 64px; font-size: 16px; color: #557900; font-style: normal; text-align: right; text-decoration: none; position: absolute; z-index: 199; top: 0; right: 50%; margin-right: -530px; transition: all 0.2s ease-in; overflow: hidden; display: block;}
.navHz1Link1:hover{ color: #ff6600;}
.navHz1Link2{ width: auto; height: 65px; line-height: 64px; font-size: 16px; color: #557900; font-style: normal; text-align: right; text-decoration: none; position: absolute; z-index: 199; top: 0; right: 50%; margin-right: -600px; transition: all 0.2s ease-in; overflow: hidden; display: block;}
.navHz1Link2:hover{ color: #ff6600;}
.navHz1Qh{ width: auto; min-width: 49px; max-width: 160px; height: auto; max-height: 65px; font-size: 16px; color: #557900; background-color: #ffffff; position: absolute; z-index: 199; top: 0; right: 50%; margin-right: -520px; padding: 0 16px 0 0px; transition: all 0.2s ease-in; overflow: hidden;}
.navHz1Qh:hover{ width: auto; height: auto; max-height: 180px; border-radius: 0 0 4px 4px; box-shadow: 0 3px 6px rgba(0,0,0,0.2); background-color: #ffffff; padding: 0 16px 14px 17px;}
.navHz1QhFont{ width: auto; height: 36px; line-height: 34px; font-size: 16px; text-align: right; text-overflow: ellipsis; white-space: nowrap; margin-top: 15px; transition: all 0.2s ease-in; overflow: hidden; display: block;}
.navHz1Qh:hover .navHz1QhFont{ line-height: 18px; text-overflow: inherit; white-space: normal;}
.navHz1QhLink1{ width: auto; height: 24px; line-height: 23px; font-size: 16px; color: #333333; text-align: right; text-decoration: none; transition: all 0.2s ease-in; overflow: hidden; display: block;}
.navHz1QhLink1:hover{ color: #ff6600;}

/*广告位*/
.banner{ width: 100%; height: 526px; position: relative; margin: 70px auto 0 auto; overflow: hidden;}

/*内容*/
.first{ width: 1200px; height: 1800px; background-color: #ffffff; position: relative; margin: 0 auto;}
/*内容-新闻*/
.new{ width: 480px; height: 40px; position: absolute; z-index: 668; top: -30px; left: 50%; margin-left: -240px; overflow: hidden;}
.newH1{ width: auto; height: 28px; line-height: 28px; font-size: 16px; color: #ff6600; float: left; margin: 5px 0 0 0; overflow: hidden; display: block;}
.newI1{ width: 274px; height: 28px; line-height: 28px; font-size: 14px; font-style: normal; color: #333333; float: left; margin: 5px 0 0 26px; overflow: hidden; display: block;}
.newLi{ width: 100%; height: 30px; line-height: 28px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.newLiLink1{ color: #666666; text-decoration: none; transition: all 0.2s ease-in;}
.newLiLink1:hover{ color: #333333;}
.newLink1{ width: auto; height: 28px; line-height: 28px; font-size: 14px; color: #999999; text-decoration: none; float: right; margin: 4px 0 0 0; transition: all 0.2s ease-in; overflow: hidden; display: block;}
.newLink1:hover{ color: #ff6600;}
/*内容-侧边悬浮*/
.fd{ width: 66px; height: 313px; position: sticky; z-index: 699; float: right; margin: 130px -106px 0 0; top: 140px; clear: both;}
@media all and (min-device-width:1440px) and (max-device-height:900px){.fd{ margin: 130px -66px 0 0;}}
@media all and (min-device-width:1920px) and (max-device-height:1080px){.fd{ margin: 130px -260px 0 0;}}
@media all and (min-device-width:2560px) and (max-device-height:1440px){.fd{ margin: 130px -166px 0 0;}}
/*内容-产品*/
.ftCp1{ width: 100%; height: 314px; float: left; margin: 70px 0 0 0;}
.ftCp1Img1{ width: 502px; height: auto; float: left; margin: 0 0 0 87px; transition: all 0.2s ease-in;}
.ftCp1Img1:hover{ margin: -6px 0 0 87px;}
.ftCp1Hz1{ width: 414px; height: auto; float: right; margin: 0px 100px 0 0; transition: all 0.2s ease-in;}
.ftCp1Hz1:hover{ margin: -6px 100px 0 0;}
.ftCp1Hz1H1{ width: 100%; height: 32px; line-height: 30px; font-size: 30px; text-align: right; color: #333333; float: right; margin: 0 0 0 0; overflow: hidden; display: block;}
.ftCp1Hz1P1{ width: 100%; height: auto; line-height: 36px; font-size: 18px; color: #333333; float: right; margin: 22px 0 0 0; overflow: hidden; display: block;}
.ftCp1Hz1Link1{ width: auto; height: auto; line-height: 28px; font-size: 18px; color: #333333; text-decoration: none; float: right; margin: 15px -3px 0 0; transition: all 0.2s ease-in; overflow: hidden; display: block;}
.ftCp1Hz1Link1:hover{ color: #ff6600;}
.ftCp2{ width: 100%; height: 386px; float: left; margin: 145px 0 0 0;}
.ftCp2Img1{ width: 490px; height: auto; float: right; margin: 0 87px 0 0; transition: all 0.2s ease-in;}
.ftCp2Img1:hover{ margin: -6px 87px 0 0;}
.ftCp2Hz1{ width: 414px; height: auto; float: left; margin: 38px 0px 0 100px; transition: all 0.2s ease-in;}
.ftCp2Hz1:hover{ margin: 32px 0px 0 100px;}
.ftCp2Hz1H1{ width: 100%; height: 32px; line-height: 30px; font-size: 30px; text-align: left; color: #333333; float: left; margin: 0 0 0 0; overflow: hidden; display: block;}
.ftCp2Hz1P1{ width: 100%; height: auto; line-height: 36px; font-size: 18px; color: #333333; float: left; margin: 22px 0 0 0; overflow: hidden; display: block;}
.ftCp2Hz1Link1{ width: auto; height: auto; line-height: 28px; font-size: 18px; color: #333333; text-decoration: none; float: left; margin: 15px -3px 0 0; transition: all 0.2s ease-in; overflow: hidden; display: block;}
.ftCp2Hz1Link1:hover{ color: #ff6600;}

.ftCp222{ width: 100%; height: 365px; float: left; margin: 170px 0 0 0;}
.ftCp222Img1{ width: 460px; height: auto; float: left; margin: 0 0 0 87px; transition: all 0.2s ease-in;}
.ftCp222Img1:hover{ margin: -6px 0 0 87px;}
.ftCp222Hz1{ width: 414px; height: auto; float: right; margin: 0px 100px 0 0; transition: all 0.2s ease-in;}
.ftCp222Hz1:hover{ margin: -6px 100px 0 0;}
.ftCp222Hz1H1{ width: 100%; height: 32px; line-height: 30px; font-size: 30px; text-align: right; color: #333333; float: right; margin: 0 0 0 0; overflow: hidden; display: block;}
.ftCp222Hz1P1{ width: 100%; height: auto; line-height: 36px; font-size: 18px; color: #333333; float: right; margin: 22px 0 0 0; overflow: hidden; display: block;}
.ftCp222Hz1I1{ width: 100%; height: auto; float: right; overflow: hidden; display: block;}
.ftCp222Hz1I1Link1{ width: auto; height: auto; line-height: 28px; font-size: 18px; color: #557900; text-decoration: none; float: right; margin: 0 -3px 0 0; transition: all 0.2s ease-in; overflow: hidden; display: block;}
.ftCp222Hz1I1Link1:hover{ color: #ff6600;}
.ftCp222Hz1I1Link2{ width: auto; height: auto; line-height: 28px; font-size: 18px; color: #333333; text-decoration: none; float: right; margin: 0 -3px 0 0; transition: all 0.2s ease-in; overflow: hidden; display: block;}
.ftCp222Hz1I1Link2:hover{ color: #ff6600;}

.ftCp3{ width: 100%; height: 365px; float: left; margin: 170px 0 0 0;}
.ftCp3Img1{ width: 460px; height: auto; float: right; margin: 0 87px 0 0; transition: all 0.2s ease-in;}
.ftCp3Img1:hover{ margin: -6px 87px 0 0;}
.ftCp3Hz1{ width: 414px; height: auto; float: left; margin: 38px 0 0 100px ; transition: all 0.2s ease-in;}
.ftCp3Hz1:hover{ margin: 32px 0 0 100px;}
.ftCp3Hz1H1{ width: 100%; height: 32px; line-height: 30px; font-size: 30px; text-align: left; color: #333333; float: right; margin: 0 0 0 0; overflow: hidden; display: block;}
.ftCp3Hz1P1{ width: 100%; height: auto; line-height: 36px; font-size: 18px; color: #333333; float: right; margin: 22px 0 0 0; overflow: hidden; display: block;}
.ftCp3Hz1I1{ width: 100%; height: auto; float: right; overflow: hidden; display: block;}
.ftCp3Hz1I1Link1{ width: auto; height: auto; line-height: 28px; font-size: 18px; color: #557900; text-decoration: none; float: left; margin: 0 -3px 0 0; transition: all 0.2s ease-in; overflow: hidden; display: block;}
.ftCp3Hz1I1Link1:hover{ color: #ff6600;}
.ftCp3Hz1I1Link2{ width: auto; height: auto; line-height: 28px; font-size: 18px; color: #333333; text-decoration: none; float: left; margin: 0 -3px 0 0; transition: all 0.2s ease-in; overflow: hidden; display: block;}
.ftCp3Hz1I1Link2:hover{ color: #ff6600;}
.ftCp4{ width: 100%; height: 386px; float: left; margin: 145px 0 0 0;}
.ftCp4Img1{ width: 445px; height: auto; float: left; margin: 0 0 0 87px; transition: all 0.2s ease-in;}
.ftCp4Img1:hover{ margin: -6px 0 0 87px;}
.ftCp4Hz1{ width: 414px; height: auto; float: right; margin: 0px 100px 0 0; transition: all 0.2s ease-in;}
.ftCp4Hz1:hover{ margin: -6px 100px 0 0;}
.ftCp4Hz1H1{ width: 100%; height: 32px; line-height: 30px; font-size: 30px; text-align: right; color: #333333; float: left; margin: 0 0 0 0; overflow: hidden; display: block;}
.ftCp4Hz1P1{ width: 100%; height: auto; line-height: 36px; font-size: 18px; color: #333333; float: left; margin: 22px 0 0 0; overflow: hidden; display: block;}
.ftCp4Hz1Link1{ width: auto; height: auto; line-height: 28px; font-size: 18px; color: #333333; text-decoration: none; float: right; margin: 15px -3px 0 0; transition: all 0.2s ease-in; overflow: hidden; display: block;}
.ftCp4Hz1Link1:hover{ color: #ff6600;}
.ftCp5{ width: 100%; height: 548px; float: left; margin: 150px 0 0 0;}
.ftCp5Img1{ width: 963px; height: auto; float: left; margin: 30px 0 0 127px; transition: all 0.2s ease-in;}
.ftCp5Img1:hover{ margin: 24px 0 0 127px;}
.ftCp5Hz1{ width: 100%; height: 145px; float: left; margin: 0 0 0 0; transition: all 0.2s ease-in;}
.ftCp5Hz1:hover{ height: 151px; margin: -6px 0 0 0;}
.ftCp5Hz1H1{ width: auto; height: 32px; line-height: 30px; font-size: 30px; text-align: left; color: #333333; float: left; margin: 7px 0 0 210px; overflow: hidden; display: block;}
.ftCp5Hz1P1{ width: 640px; height: auto; line-height: 36px; font-size: 18px; color: #333333; float: right; margin: 0 188px 0 0; overflow: hidden; display: block;}
.ftCp5Hz1Link1{ width: auto; height: auto; line-height: 28px; font-size: 18px; color: #333333; text-decoration: none; float: right; margin: 15px 740px 0 0; transition: all 0.2s ease-in; overflow: hidden; display: block;}
.ftCp5Hz1Link1:hover{ color: #ff6600;}

/*友情链接*/
.second{ width: 100%; height: 50px; line-height: 50px; font-size: 16px; color: #666666; text-align: center; background-color: #fbfbfb; margin: 0 auto; overflow: hidden;}
.sdLink1{ width: auto; height: auto; font-size: 16px; color: #666666; text-decoration: none; transition: all 0.2s ease-in;}
.sdLink1:hover{ color: #ff6600;}

/*底部导航*/
.third{ width: 100%; height: auto; background-color: #f5f5f5; margin: 0 auto; overflow: hidden;}
.td{ width: 1200px; height: 364px; position: relative; margin: 0 auto; overflow: hidden;}
.tdHz1{ width: 110px; height: auto; line-height: 16px; float: left; margin: 30px 0 0 40px; overflow: hidden;}
.tdHz1 h1{ width: auto; height: 20px; font-size: 16px; font-weight: bold; color: #333333; display: block;}
.tdHz1 a{ width: auto; height: 20px; font-size: 14px; color: #444444; text-decoration: none; transition: all 0.2s ease-in; display: block;}
.tdHz1 a:hover{ color: #ff6600;}
.tdHz2{ width: 110px; height: auto; line-height: 16px; float: left; margin: 30px 0 0 65px; overflow: hidden;}
.tdHz2 h1{ width: auto; height: 20px; font-size: 16px; font-weight: bold; color: #333333; display: block;}
.tdHz2 a{ width: auto; height: 20px; font-size: 14px; color: #444444; text-decoration: none; transition: all 0.2s ease-in; display: block;}
.tdHz2 a:hover{ color: #ff6600;}
.tdHz3{ width: 110px; height: auto; line-height: 16px; text-align: right; float: right; margin: 30px 40px 0 0; overflow: hidden;}
.tdHz3 h1{ width: auto; height: 20px; font-size: 16px; font-weight: bold; color: #333333; display: block;}
.tdHz3 a{ width: auto; height: 20px; font-size: 14px; color: #444444; text-decoration: none; transition: all 0.2s ease-in; display: block;}
.tdHz3 a:hover{ color: #ff6600;}
.tdHz4{ width: auto; height: auto; position: absolute; z-index: 200; bottom: 28px; right: 40px; overflow: hidden; display: block;}
.tdHz4Img1{ width: 87px; height: auto; float: left; margin: 19px 0 0 0px;}
.tdHz4Img2{ width: 91px; height: auto; float: left; margin: 14px 0 0 30px;}

/*备案信息*/
.footer{ width: 100%; height: auto; background-color: #fbfbfb; overflow: hidden;}
.fr{ width: 1200px; height: 111px; position: relative; margin: 0 auto; overflow: hidden;}
.frP1{ width: 600px; height: auto; line-height: 26px; font-size: 14px; color: #606060; float: left; margin: 16px 0 0 40px; overflow: hidden; display: block;}
.frP2{ width: 260px; height: auto; line-height: 26px; font-size: 14px; color: #606060; text-align: right; float: right; margin: 16px 40px 0 0; overflow: hidden; display: block;}
.frI1{ width: 576px; height: 20px; font-style: normal; position: absolute; bottom: 20px; left: 38px; display: block; overflow: hidden;}
.frI1Img1{ width: 20px; height: auto; float: left;}
.frI1Link1{ width: auto; height: 16px; line-height: 14px; font-size: 14px; color: #606060; text-decoration: none; float: left; margin: 3px 0 0 5px; transition: all 0.2s ease-in; display: block;}
.frI1Link1:hover{ color: #ff6600;}
.frI1Link2{ width: auto; height: 16px; line-height: 14px; font-size: 14px; color: #606060; text-decoration: none; float: left; margin: 3px 0 0 0; transition: all 0.2s ease-in; display: block;}
.frI1Link2:hover{ color: #ff6600;}


/*毕业升级*/
.bysj{ width: 360px; height: auto; box-shadow: 0 0 30px rgba(0,0,0,0.5); background: #ffffff; position: fixed; z-index: 999; top: 170px; left: 50%; margin-left: -180px; -webkit-animation: bysj 0.5s ease-out 1.5s backwards; animation: bysj 0.5s ease-out 1.5s backwards; overflow: hidden;}
.bjImg1{ width: 100%; height: auto; display: block;}
.bjImg2{ width: 84px; height: auto; position: absolute; z-index: 10; bottom: 30px; left: 50%; margin-left: -42px; -webkit-animation: bjImg2 39999s linear infinite alternate backwards; animation: bjImg2 39999s linear infinite alternate backwards; display: block;}
.bjP1{ width: 70%; height: 200px; line-height: 28px; font-size: 16px; color: #333333; position: absolute; top: 205px; left: 16%; display: block; overflow: hidden;}
.bjP1 b{ font-weight: bold;}
.bjLink1{ width: 40px; height: auto; line-height: 24px; font-size: 16px; color: #333333; text-align: center; text-decoration: none; position: absolute; z-index: 11; bottom: 48px; left: 50%; margin-left: -20px; transition: all 0.2s ease-in; display: block; overflow: hidden;}
.bjLink1:hover{ color: #ff6600;}


@-webkit-keyframes body{0%{ background-color:#ffffff; opacity:0;} 100%{ opacity:1;}}
@keyframes body{0%{ background-color:#ffffff; opacity:0;} 100%{ opacity:1;}}
@-webkit-keyframes bysj{0%{ top: -600px; opacity:1;} 75%{ top: 206px; opacity:1;} 100%{ opacity:1;}}
@keyframes bysj{0%{ top: -600px; opacity:1;} 75%{ top: 206px; opacity:1;} 100%{ opacity:1;}}
@-webkit-keyframes bjImg2{0%{ -webkit-transform:rotate(0deg); opacity:1;} 100%{ -webkit-transform:rotate(999999deg); opacity:1;}}
@keyframes bjImg2{0%{ transform:rotate(0deg); opacity:1;} 100%{ transform:rotate(999999deg); opacity:1;}}



/** 登录成功后家校联系下提示框样式*/
.tip-top {
    top: 56px;
    right: 50%;
    margin: 20px;
    padding: 5px;
    width: 372px;
    height: 211px;
    position: absolute;
    background-color: #FFF;
    /*设置圆角*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 10px;
    margin-right:-700px;
    box-shadow: 0 0 2px rgba(164, 164, 164, .5);
}
.tip-top::before {
    z-index: 999999;
    content: "";
    display: block;
    position: absolute;
    top: -16px;
    left: 62%;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 16px solid #fff;
    border-top: 0;
}
.tip-top::after {
    content: "";
    display: block;
    position: absolute;
    top: -17px;
    left: 61.5%;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 16px solid rgba(0, 0, 0, .05)!important;
    border-top: 0;
}
.tip-top h4 {
    margin: 20px auto 26px;
    background: url(../images/success.png) no-repeat;
    background-position: 116px 4px;
    background-size: 27px 27px;
    font-size: 26px;
    width: 144px;
    color: #60A400;
}
.tip-top p {
    margin-bottom: 21px;
    font-size: 17px;
    color: #454545;
    text-align: center;
    line-height: 27px;
    font-family: 微软雅黑;
}
.tip-top button {
    display: block;
    width: 120px;
    height: 36px;
    text-align: center;
    margin: 21px auto 18px;
    background-color: #fff;
    outline: 0;
    border: 1px solid #60a400;
    border-radius: 16px;
    color: #60a400;
    font-size: 20px;
}
.tip-top button:hover {
    background-color: #ebebeb;
}